<div class="vcard">
        <!-- This may not be the best semantic use of HTML element -->
        <div class="fn n"><span class="given-name sort-string">John</span> Doe</div>
        <div>Birthday: <abbr class="bday" title="2000-01-01T00:00:00-08:00">January 1st, 2000</abbr></div>
        <div>Role: <span class="role">Designer</span></div>
        <div>Location: <abbr class="geo" title="30.267991;-97.739568">Brighton</abbr></div>
        <div>Time zone: <abbr class="tz" title="-05:00">Eastern Standard Time</abbr></div>
        
        <div>Profile details:
            <div>Profile id: <span class="uid">http://example.com/profiles/johndoe</span></div>
            <div>Details are: <span class>Public</span></div>
            <div>Last updated: <abbr class="rev" title="2008-01-01T13:45:00">January 1st, 2008 - 13:45</abbr></div>
        </div>
    </div>